<template>
<!--  <a-row :gutter="12">-->
<!--    <a-col :span="18">-->


<!--    </a-col>-->
<!--    <a-col :span="6">-->
<!--      <a-date-picker-->
<!--          disabled-->
<!--          :default-value="value"-->
<!--          hide-trigger-->
<!--      />-->
<!--    </a-col>-->
<!--  </a-row>-->
  <a-result
      status="warning"
      style="margin-top: 50px"
      title="选拔赛期间该页面不开放"
      subtitle="选拔赛期间该页面不开放，请前往比赛页面"
  >
    <template #extra>
      <a-space>
        <a-button status="danger" type="secondary">退出登录</a-button>
        <a-button type="primary">前往比赛页面</a-button>
      </a-space>
    </template>
  </a-result>
</template>

<script setup lang="ts">
import {reactive, ref} from "vue";
import CodeEditor from "../components/CodeEditor.vue";
import MdEditor from "../components/MdEditor.vue";
const value = new Date();



const columns = [
  {
    title: 'Name',
    dataIndex: 'name',
  },
  {
    title: 'Salary',
    dataIndex: 'salary',
  },
  {
    title: 'Address',
    dataIndex: 'address',
  },
  {
    title: 'Email',
    dataIndex: 'email',
  },
];

const data = reactive([{
    key: '1',
    name: 'Jane Doe',
    salary: 23000,
    address: '32 Park Road, London',
    email: 'jane.doe@example.com'
  }, {
    key: '2',
    name: 'Alisa Ross',
    salary: 25000,
    address: '35 Park Road, London',
    email: 'alisa.ross@example.com'
  }, {
    key: '3',
    name: 'Kevin Sandra',
    salary: 22000,
    address: '31 Park Road, London',
    email: 'kevin.sandra@example.com'
  }, {
    key: '4',
    name: 'Ed Hellen',
    salary: 17000,
    address: '42 Park Road, London',
    email: 'ed.hellen@example.com'
  }, {
    key: '5',
    name: 'William Smith',
    salary: 27000,
    address: '62 Park Road, London',
    email: 'william.smith@example.com'
  }
]);

const queryForm = ref({
  name: '',
  post: '',
  isRead: false,
});

</script>

<style scoped>

</style>
